<template>
  <div class="app-container">
    <app-container>
      <el-col :span="24">
        <h3 class="title-left,grid-content bg-purple">产品事件分录浏览申请信息</h3>
      </el-col>
      <el-col :span="24" >
        <generate-form ref="generateForm" :data="jsonData_Q" :remote="remoteFuncs" :value="editData" />
        <div class="generate-block">
          <el-button type="primary" @click="handleSubmit">浏览</el-button>
          <el-button type="primary">重置</el-button>
        </div>
      </el-col>
    </app-container>
    <app-container>
      <el-col :span="24">
        <h3 class="title-left，grid-content bg-purple">产品事件分录浏览明细信息</h3>
      </el-col>
      <generate-table ref="generateTable" :data="jsonData_T" :remote="remoteFuncs" :value="editData">
        <!--自定义新增编辑页面内容-->
        <!--<template slot="table_dialog" slot-scope="scope">-->
        <!--<generate-form :ref="scope.form" :data="jsonData" :remote="remoteFuncs" :value="scope.data"/>-->
        <!--</template>-->
        <el-table-column label="" width="140">
          <template slot-scope="scope">
            <el-button type="text" @click="dialogFormAdd = true">新增</el-button>
            <el-button type="text" @click="dialogFormUpdate = true">修改</el-button>
            <el-button type="text" @click="dialogFormDetail = true">查询</el-button>
          </template>
        </el-table-column>
      </generate-table>
      <el-dialog :visible.sync="dialogFormAdd">
        <slot :data="temp" form="dataForm" name="table_dialog">
          <generate-form ref="generateForm" :data="jsonData_A" :remote="remoteFuncs" :value="editData" />
          <generate-table ref="generateTable" :data="jsonData_L" :remote="remoteFuncs" :value="editData"/>
        </slot>
        <div slot="footer" class="dialog-footer">
          <el-button @click="dialogFormAdd = false">{{ $t('table.cancel') }}</el-button>
          <el-button type="primary" @click="dialogFormAdd = false ">{{ $t('table.confirm') }}</el-button>
        </div>
      </el-dialog>
      <el-dialog :visible.sync="dialogFormDetail">
        <slot :data="temp" form="dataForm" name="table_dialog">
          <generate-form ref="generateForm" :data="jsonData_D" :remote="remoteFuncs" :value="editData" />
          <generate-table ref="generateTable" :data="jsonData_DD" :remote="remoteFuncs" :value="editData"/>
        </slot>
        <div slot="footer" class="dialog-footer">
          <el-button @click="dialogFormDetail = false">{{ $t('table.cancel') }}</el-button>
          <el-button type="primary" @click="dialogFormDetail = false ">{{ $t('table.confirm') }}</el-button>
        </div>
      </el-dialog>
      <el-dialog :visible.sync="dialogFormUpdate">
        <slot :data="temp" form="dataForm" name="table_dialog">
          <generate-form ref="generateForm" :data="jsonData_U" :remote="remoteFuncs" :value="editData" />
          <generate-table ref="generateTable" :data="jsonData_UU" :remote="remoteFuncs" :value="editData"/>
        </slot>
        <div slot="footer" class="dialog-footer">
          <el-button @click="dialogFormUpdate = false">{{ $t('table.cancel') }}</el-button>
          <el-button type="primary" @click="dialogFormUpdate = false ">{{ $t('table.confirm') }}</el-button>
        </div>
      </el-dialog>
    </app-container>
  </div>
</template>

<script>
import GenerateForm from '@/components/CreateForm/GenerateForm'
import '@/components/CreateForm/styles/FormCreate.css'
import { getCodeList } from '@/api/codelist'
import GenerateTable from '@/components/CreateTable/GenerateTable'
export default {
  dialogFormDetail: false,
  dialogFormAdd: false,
  dialogFormUpdate: false,
  name: 'ProductEntryDefinition',
  components: {
    GenerateForm,
    GenerateTable
  },
  data() {
    return {
      dialogFormDetail: false,
      dialogFormAdd: false,
      dialogFormUpdate: false,
      jsonData_Q: {
        'list': [
          {
            'type': 'input',
            'name': '产品编码：',
            'icon': 'regular/keyboard',
            'options': {
              'width': '30%',
              'defaultValue': '',
              'required': false,
              'dataType': 'string',
              'pattern': '',
              'placeholder': '',
              'readonly': false,
              'disabled': false,
              'clearable': false,
              'remoteFunc': 'func_1542267576000_78063'
            },
            'key': '1542267576000_78063',
            'model': 'input_1542267576000_78063',
            'rules': [
              {
                'type': 'string',
                'message': '单行文本格式不正确'
              }
            ]
          },
          {
            'type': 'select',
            'name': '事件代码：',
            'icon': 'regular/caret-square-down',
            'options': {
              'defaultValue': '',
              'multiple': false,
              'disabled': false,
              'clearable': false,
              'placeholder': '',
              'required': false,
              'showLabel': false,
              'width': '30%',
              'options': [
                {
                  'value': '下拉框1'
                },
                {
                  'value': '下拉框2'
                },
                {
                  'value': '下拉框3'
                }
              ],
              'remote': true,
              'remoteOptions': [],
              'props': {
                'value': 'value',
                'label': 'label'
              },
              'remoteFunc': 'func_getSJDMdic'
            },
            'key': '1542267638000_90830',
            'model': 'select_1542267638000_90830',
            'rules': []
          }
        ],
        'config': {
          'labelWidth': 100,
          'labelPosition': 'right'
        },
        'table': {
          'showRemove': false,
          'showIndexCol': false,
          'showEdit': false,
          'showExport': false,
          'showAdd': false,
          'stripe': true,
          'border': false
        }
      },
      jsonData_T: {
        'list': [
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 6,
                'list': [
                  {
                    'type': 'input',
                    'name': '产品编码',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': false,
                      'clearable': false,
                      'remoteFunc': 'func_1542267834000_53017'
                    },
                    'key': '1542267834000_53017',
                    'model': 'input_1542267834000_53017',
                    'rules': [
                      {
                        'type': 'string',
                        'message': '单行文本格式不正确'
                      }
                    ]
                  }
                ]
              },
              {
                'span': 6,
                'list': [
                  {
                    'type': 'select',
                    'name': '事件代码',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': '',
                      'multiple': false,
                      'disabled': false,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': false,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': 'func_1542267883000_92558'
                    },
                    'key': '1542267883000_92558',
                    'model': 'select_1542267883000_92558',
                    'rules': [
                      {
                        'type': 'string',
                        'message': '事件代码格式不正确'
                      }
                    ]
                  }
                ]
              },
              {
                'span': 6,
                'list': [
                  {
                    'type': 'input',
                    'name': '分录描述',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': false,
                      'clearable': false,
                      'remoteFunc': 'func_1542267899000_51181'
                    },
                    'key': '1542267899000_51181',
                    'model': 'input_1542267899000_51181',
                    'rules': [
                      {
                        'type': 'string',
                        'message': '单行文本格式不正确'
                      }
                    ]
                  }
                ]
              },
              {
                'span': 6,
                'list': [
                  {
                    'type': 'date',
                    'name': '生效日期',
                    'icon': 'regular/calendar-alt',
                    'options': {
                      'defaultValue': '',
                      'readonly': false,
                      'disabled': false,
                      'editable': true,
                      'clearable': true,
                      'placeholder': '',
                      'startPlaceholder': '',
                      'endPlaceholder': '',
                      'type': 'date',
                      'format': 'yyyy-MM-dd',
                      'timestamp': false,
                      'required': false,
                      'width': '100%',
                      'remoteFunc': 'func_1542267911000_11236'
                    },
                    'key': '1542267911000_11236',
                    'model': 'date_1542267911000_11236',
                    'rules': []
                  }
                ]
              },
              {
                'span': 6,
                'list': [
                  {
                    'type': 'date',
                    'name': '失效日期',
                    'icon': 'regular/calendar-alt',
                    'options': {
                      'defaultValue': '',
                      'readonly': false,
                      'disabled': false,
                      'editable': true,
                      'clearable': true,
                      'placeholder': '',
                      'startPlaceholder': '',
                      'endPlaceholder': '',
                      'type': 'date',
                      'format': 'yyyy-MM-dd',
                      'timestamp': false,
                      'required': false,
                      'width': '100%',
                      'remoteFunc': 'func_1542267918000_28848'
                    },
                    'key': '1542267918000_28848',
                    'model': 'date_1542267918000_28848',
                    'rules': []
                  }
                ]
              },
              {
                'span': 6,
                'list': [
                  {
                    'type': 'select',
                    'name': '借贷标识',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': '',
                      'multiple': false,
                      'disabled': false,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': false,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': 'func_1542268163000_27665'
                    },
                    'key': '1542268163000_27665',
                    'model': 'select_1542268163000_27665',
                    'rules': []
                  }
                ]
              },
              {
                'span': 6,
                'list': [
                  {
                    'type': 'select',
                    'name': '科目来源',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': '',
                      'multiple': false,
                      'disabled': false,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': false,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': 'func_1542268366000_90532'
                    },
                    'key': '1542268366000_90532',
                    'model': 'select_1542268366000_90532',
                    'rules': []
                  }
                ]
              },
              {
                'span': 6,
                'list': [
                  {
                    'type': 'input',
                    'name': '科目号',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': false,
                      'clearable': false,
                      'remoteFunc': 'func_1542268384000_32027'
                    },
                    'key': '1542268384000_32027',
                    'model': 'input_1542268384000_32027',
                    'rules': [
                      {
                        'type': 'string',
                        'message': '单行文本格式不正确'
                      }
                    ]
                  }
                ]
              },
              {
                'span': 6,
                'list': [
                  {
                    'type': 'input',
                    'name': '金额公式',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': false,
                      'clearable': false,
                      'remoteFunc': 'func_1542268409000_52520'
                    },
                    'key': '1542268409000_52520',
                    'model': 'input_1542268409000_52520',
                    'rules': []
                  }
                ]
              },
              {
                'span': 6,
                'list': [
                  {
                    'type': 'date',
                    'name': '维护日期',
                    'icon': 'regular/calendar-alt',
                    'options': {
                      'defaultValue': '',
                      'readonly': false,
                      'disabled': false,
                      'editable': true,
                      'clearable': true,
                      'placeholder': '',
                      'startPlaceholder': '',
                      'endPlaceholder': '',
                      'type': 'date',
                      'format': 'yyyy-MM-dd',
                      'timestamp': false,
                      'required': false,
                      'width': '100%',
                      'remoteFunc': 'func_1542268571000_27296'
                    },
                    'key': '1542268571000_27296',
                    'model': 'date_1542268571000_27296',
                    'rules': [
                      {
                        'type': 'string',
                        'message': '单行文本格式不正确'
                      }
                    ]
                  }
                ]
              },
              {
                'span': 6,
                'list': [
                  {
                    'type': 'time',
                    'name': '维护时间',
                    'icon': 'regular/clock',
                    'options': {
                      'defaultValue': '',
                      'readonly': false,
                      'disabled': false,
                      'editable': true,
                      'clearable': true,
                      'placeholder': '',
                      'startPlaceholder': '',
                      'endPlaceholder': '',
                      'isRange': false,
                      'arrowControl': true,
                      'format': 'HH:mm:ss',
                      'timestamp': false,
                      'required': false,
                      'width': '100%',
                      'remoteFunc': 'func_1542268582000_20754'
                    },
                    'key': '1542268582000_20754',
                    'model': 'time_1542268582000_20754',
                    'rules': []
                  }
                ]
              },
              {
                'span': 6,
                'list': [
                  {
                    'type': 'input',
                    'name': '维护用户',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': false,
                      'clearable': false,
                      'remoteFunc': 'func_1542268602000_93827'
                    },
                    'key': '1542268602000_93827',
                    'model': 'input_1542268602000_93827',
                    'rules': [
                      {
                        'type': 'string',
                        'message': '单行文本格式不正确'
                      }
                    ]
                  }
                ]
              },
              {
                'span': 10,
                'list': [
                  {
                    'type': 'date',
                    'name': '时间戳',
                    'icon': 'regular/calendar-alt',
                    'options': {
                      'defaultValue': '',
                      'readonly': false,
                      'disabled': false,
                      'editable': true,
                      'clearable': true,
                      'placeholder': '',
                      'startPlaceholder': '',
                      'endPlaceholder': '',
                      'type': 'date',
                      'format': 'yyyy-MM-dd HH:mm:ss',
                      'timestamp': false,
                      'required': false,
                      'width': '100%',
                      'remoteFunc': 'func_1542268619000_6703'
                    },
                    'key': '1542268619000_6703',
                    'model': 'date_1542268619000_6703',
                    'rules': []
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1542267801000_22887'
            },
            'key': '1542267801000_22887',
            'model': 'grid_1542267801000_22887',
            'rules': []
          }
        ],
        'config': {
          'labelWidth': 100,
          'labelPosition': 'right'
        },
        'table': {
          'showRemove': true,
          'showIndexCol': false,
          'showEdit': false,
          'showExport': false,
          'showAdd': false,
          'stripe': true,
          'border': false
        }
      },
      jsonData_A: {
        'list': [
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 10,
                'list': [
                  {
                    'type': 'input',
                    'name': '产品编码：',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': false,
                      'clearable': false,
                      'remoteFunc': 'func_1542262845000_56431'
                    },
                    'key': '1542262845000_56431',
                    'model': 'input_1542262845000_56431',
                    'rules': [
                      {
                        'type': 'string',
                        'message': '单行文本格式不正确'
                      }
                    ]
                  },
                  {
                    'type': 'select',
                    'name': '事件代码：',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': '',
                      'multiple': false,
                      'disabled': false,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': true,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': 'func_getSJDMdic'
                    },
                    'key': '1542263055000_37801',
                    'model': 'select_1542263055000_37801',
                    'rules': []
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1542262840000_95607'
            },
            'key': '1542262840000_95607',
            'model': 'grid_1542262840000_95607',
            'rules': []
          },
          {
            'type': 'input',
            'name': '分录描述：',
            'icon': 'regular/keyboard',
            'options': {
              'width': '70%',
              'defaultValue': '',
              'required': false,
              'dataType': 'string',
              'pattern': '',
              'placeholder': '',
              'readonly': false,
              'disabled': false,
              'clearable': false,
              'remoteFunc': 'func_1542262899000_2797'
            },
            'key': '1542262899000_2797',
            'model': 'input_1542262899000_2797',
            'rules': [
              {
                'type': 'string',
                'message': '产品名称：格式不正确'
              }
            ]
          },
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 10,
                'list': [
                  {
                    'type': 'date',
                    'name': '生效日期：',
                    'icon': 'regular/calendar-alt',
                    'options': {
                      'defaultValue': '',
                      'readonly': false,
                      'disabled': false,
                      'editable': true,
                      'clearable': true,
                      'placeholder': '',
                      'startPlaceholder': '',
                      'endPlaceholder': '',
                      'type': 'date',
                      'format': 'yyyy-MM-dd',
                      'timestamp': false,
                      'required': false,
                      'width': '100%',
                      'remoteFunc': 'func_1542262956000_63811'
                    },
                    'key': '1542262956000_63811',
                    'model': 'date_1542262956000_63811',
                    'rules': []
                  }
                ]
              },
              {
                'span': 10,
                'list': [
                  {
                    'type': 'date',
                    'name': '失效日期：',
                    'icon': 'regular/calendar-alt',
                    'options': {
                      'defaultValue': '',
                      'readonly': false,
                      'disabled': false,
                      'editable': true,
                      'clearable': true,
                      'placeholder': '',
                      'startPlaceholder': '',
                      'endPlaceholder': '',
                      'type': 'date',
                      'format': 'yyyy-MM-dd',
                      'timestamp': false,
                      'required': false,
                      'width': '100%',
                      'remoteFunc': 'func_1542262958000_47861'
                    },
                    'key': '1542262958000_47861',
                    'model': 'date_1542262958000_47861',
                    'rules': []
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1542262944000_69139'
            },
            'key': '1542262944000_69139',
            'model': 'grid_1542262944000_69139',
            'rules': []
          }
        ],
        'config': {
          'labelWidth': 100,
          'labelPosition': 'right'
        },
        'table': {
          'showRemove': false,
          'showIndexCol': false,
          'showEdit': false,
          'showExport': false,
          'showAdd': false,
          'stripe': true,
          'border': false
        }
      },
      jsonData_L: {
        'list': [
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 10,
                'list': [
                  {
                    'type': 'input',
                    'name': '借贷标识',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': false,
                      'clearable': false,
                      'remoteFunc': 'func_1542263271000_23776'
                    },
                    'key': '1542263271000_23776',
                    'model': 'input_1542263271000_23776',
                    'rules': [
                      {
                        'type': 'string',
                        'message': '单行文本格式不正确'
                      }
                    ]
                  }
                ]
              },
              {
                'span': 10,
                'list': [
                  {
                    'type': 'select',
                    'name': '科目来源',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': false,
                      'clearable': false,
                      'remoteFunc': 'func_1542263302000_32137'
                    },
                    'key': '1542263302000_32137',
                    'model': 'input_1542263302000_32137',
                    'rules': [
                      {
                        'type': 'string',
                        'message': '单行文本格式不正确'
                      }
                    ]
                  }
                ]
              },
              {
                'span': 10,
                'list': [
                  {
                    'type': 'input',
                    'name': '科目',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': false,
                      'clearable': false,
                      'remoteFunc': 'func_1542263318000_88689'
                    },
                    'key': '1542263318000_88689',
                    'model': 'input_1542263318000_88689',
                    'rules': [
                      {
                        'type': 'string',
                        'message': '单行文本格式不正确'
                      }
                    ]
                  }
                ]
              },
              {
                'span': 10,
                'list': [
                  {
                    'type': 'input',
                    'name': '金额公式',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': false,
                      'clearable': false,
                      'remoteFunc': 'func_1542263318000_88689'
                    },
                    'key': '1542263318000_88689',
                    'model': 'input_1542263318000_88689',
                    'rules': [
                      {
                        'type': 'string',
                        'message': '单行文本格式不正确'
                      }
                    ]
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1542263211000_24514'
            },
            'key': '1542263211000_24514',
            'model': 'grid_1542263211000_24514',
            'rules': []
          }
        ],
        'config': {
          'labelWidth': 100,
          'labelPosition': 'right'
        },
        'table': {
          'showRemove': false,
          'showIndexCol': false,
          'showEdit': false,
          'showExport': false,
          'showAdd': false,
          'stripe': true,
          'border': false
        }
      },
      jsonData_D: {
        'list': [
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 10,
                'list': [
                  {
                    'type': 'input',
                    'name': '产品编码：',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '0020010101',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': true,
                      'clearable': false,
                      'remoteFunc': 'func_1542262845000_56431'
                    },
                    'key': '1542262845000_56431',
                    'model': 'input_1542262845000_56431',
                    'rules': [
                      {
                        'type': 'string',
                        'message': '单行文本格式不正确'
                      }
                    ]
                  },
                  {
                    'type': 'select',
                    'name': '事件代码：',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': 'LNSETINT-结息',
                      'multiple': false,
                      'disabled': true,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': true,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': 'func_getSJDMdic'
                    },
                    'key': '1542263055000_37801',
                    'model': 'select_1542263055000_37801',
                    'rules': []
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1542262840000_95607'
            },
            'key': '1542262840000_95607',
            'model': 'grid_1542262840000_95607',
            'rules': []
          },
          {
            'type': 'input',
            'name': '分录描述：',
            'icon': 'regular/keyboard',
            'options': {
              'width': '70%',
              'defaultValue': '企业活期存款账户结息',
              'required': false,
              'dataType': 'string',
              'pattern': '',
              'placeholder': '',
              'readonly': false,
              'disabled': true,
              'clearable': false,
              'remoteFunc': 'func_1542262899000_2797'
            },
            'key': '1542262899000_2797',
            'model': 'input_1542262899000_2797',
            'rules': [
              {
                'type': 'string',
                'message': '产品名称：格式不正确'
              }
            ]
          },
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 10,
                'list': [
                  {
                    'type': 'date',
                    'name': '生效日期：',
                    'icon': 'regular/calendar-alt',
                    'options': {
                      'defaultValue': '2015-01-12',
                      'readonly': false,
                      'disabled': true,
                      'editable': true,
                      'clearable': true,
                      'placeholder': '',
                      'startPlaceholder': '',
                      'endPlaceholder': '',
                      'type': 'date',
                      'format': 'yyyy-MM-dd',
                      'timestamp': false,
                      'required': false,
                      'width': '100%',
                      'remoteFunc': 'func_1542262956000_63811'
                    },
                    'key': '1542262956000_63811',
                    'model': 'date_1542262956000_63811',
                    'rules': []
                  }
                ]
              },
              {
                'span': 10,
                'list': [
                  {
                    'type': 'date',
                    'name': '失效日期：',
                    'icon': 'regular/calendar-alt',
                    'options': {
                      'defaultValue': '2099-12-31',
                      'readonly': false,
                      'disabled': true,
                      'editable': true,
                      'clearable': true,
                      'placeholder': '',
                      'startPlaceholder': '',
                      'endPlaceholder': '',
                      'type': 'date',
                      'format': 'yyyy-MM-dd',
                      'timestamp': false,
                      'required': false,
                      'width': '100%',
                      'remoteFunc': 'func_1542262958000_47861'
                    },
                    'key': '1542262958000_47861',
                    'model': 'date_1542262958000_47861',
                    'rules': []
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1542262944000_69139'
            },
            'key': '1542262944000_69139',
            'model': 'grid_1542262944000_69139',
            'rules': []
          }
        ],
        'config': {
          'labelWidth': 100,
          'labelPosition': 'right'
        },
        'table': {
          'showRemove': false,
          'showIndexCol': false,
          'showEdit': false,
          'showExport': false,
          'showAdd': false,
          'stripe': true,
          'border': false
        }
      },
      jsonData_DD: {
        'list': [
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 10,
                'list': [
                  {
                    'type': 'input',
                    'name': '借贷标识',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': false,
                      'clearable': false,
                      'remoteFunc': 'func_1542263271000_23776'
                    },
                    'key': '1542263271000_23776',
                    'model': 'input_1542263271000_23776',
                    'rules': [
                      {
                        'type': 'string',
                        'message': '单行文本格式不正确'
                      }
                    ]
                  }
                ]
              },
              {
                'span': 10,
                'list': [
                  {
                    'type': 'select',
                    'name': '科目来源',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': false,
                      'clearable': false,
                      'remoteFunc': 'func_1542263302000_32137'
                    },
                    'key': '1542263302000_32137',
                    'model': 'input_1542263302000_32137',
                    'rules': [
                      {
                        'type': 'string',
                        'message': '单行文本格式不正确'
                      }
                    ]
                  }
                ]
              },
              {
                'span': 10,
                'list': [
                  {
                    'type': 'input',
                    'name': '科目',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': false,
                      'clearable': false,
                      'remoteFunc': 'func_1542263318000_88689'
                    },
                    'key': '1542263318000_88689',
                    'model': 'input_1542263318000_88689',
                    'rules': [
                      {
                        'type': 'string',
                        'message': '单行文本格式不正确'
                      }
                    ]
                  }
                ]
              },
              {
                'span': 10,
                'list': [
                  {
                    'type': 'input',
                    'name': '金额公式',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': false,
                      'clearable': false,
                      'remoteFunc': 'func_1542263318000_88689'
                    },
                    'key': '1542263318000_88689',
                    'model': 'input_1542263318000_88689',
                    'rules': [
                      {
                        'type': 'string',
                        'message': '单行文本格式不正确'
                      }
                    ]
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1542263211000_24514'
            },
            'key': '1542263211000_24514',
            'model': 'grid_1542263211000_24514',
            'rules': []
          }
        ],
        'config': {
          'labelWidth': 100,
          'labelPosition': 'right'
        },
        'table': {
          'showRemove': false,
          'showIndexCol': false,
          'showEdit': false,
          'showExport': false,
          'showAdd': false,
          'stripe': true,
          'border': false
        }
      },
      jsonData_U: {
        'list': [
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 10,
                'list': [
                  {
                    'type': 'input',
                    'name': '产品编码：',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '0020010101',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': true,
                      'clearable': false,
                      'remoteFunc': 'func_1542262845000_56431'
                    },
                    'key': '1542262845000_56431',
                    'model': 'input_1542262845000_56431',
                    'rules': [
                      {
                        'type': 'string',
                        'message': '单行文本格式不正确'
                      }
                    ]
                  },
                  {
                    'type': 'select',
                    'name': '事件代码：',
                    'icon': 'regular/caret-square-down',
                    'options': {
                      'defaultValue': 'LNSETINT-结息',
                      'multiple': false,
                      'disabled': true,
                      'clearable': false,
                      'placeholder': '',
                      'required': false,
                      'showLabel': false,
                      'width': '100%',
                      'options': [
                        {
                          'value': '下拉框1'
                        },
                        {
                          'value': '下拉框2'
                        },
                        {
                          'value': '下拉框3'
                        }
                      ],
                      'remote': true,
                      'remoteOptions': [],
                      'props': {
                        'value': 'value',
                        'label': 'label'
                      },
                      'remoteFunc': 'func_getSJDMdic'
                    },
                    'key': '1542263055000_37801',
                    'model': 'select_1542263055000_37801',
                    'rules': []
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1542262840000_95607'
            },
            'key': '1542262840000_95607',
            'model': 'grid_1542262840000_95607',
            'rules': []
          },
          {
            'type': 'input',
            'name': '分录描述：',
            'icon': 'regular/keyboard',
            'options': {
              'width': '70%',
              'defaultValue': '企业活期存款账户结息',
              'required': false,
              'dataType': 'string',
              'pattern': '',
              'placeholder': '',
              'readonly': false,
              'disabled': false,
              'clearable': false,
              'remoteFunc': 'func_1542262899000_2797'
            },
            'key': '1542262899000_2797',
            'model': 'input_1542262899000_2797',
            'rules': [
              {
                'type': 'string',
                'message': '产品名称：格式不正确'
              }
            ]
          },
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 10,
                'list': [
                  {
                    'type': 'date',
                    'name': '生效日期：',
                    'icon': 'regular/calendar-alt',
                    'options': {
                      'defaultValue': '2015-01-12',
                      'readonly': false,
                      'disabled': true,
                      'editable': true,
                      'clearable': true,
                      'placeholder': '',
                      'startPlaceholder': '',
                      'endPlaceholder': '',
                      'type': 'date',
                      'format': 'yyyy-MM-dd',
                      'timestamp': false,
                      'required': false,
                      'width': '100%',
                      'remoteFunc': 'func_1542262956000_63811'
                    },
                    'key': '1542262956000_63811',
                    'model': 'date_1542262956000_63811',
                    'rules': []
                  }
                ]
              },
              {
                'span': 10,
                'list': [
                  {
                    'type': 'date',
                    'name': '失效日期：',
                    'icon': 'regular/calendar-alt',
                    'options': {
                      'defaultValue': '2099-12-31',
                      'readonly': false,
                      'disabled': false,
                      'editable': true,
                      'clearable': true,
                      'placeholder': '',
                      'startPlaceholder': '',
                      'endPlaceholder': '',
                      'type': 'date',
                      'format': 'yyyy-MM-dd',
                      'timestamp': false,
                      'required': false,
                      'width': '100%',
                      'remoteFunc': 'func_1542262958000_47861'
                    },
                    'key': '1542262958000_47861',
                    'model': 'date_1542262958000_47861',
                    'rules': []
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1542262944000_69139'
            },
            'key': '1542262944000_69139',
            'model': 'grid_1542262944000_69139',
            'rules': []
          }
        ],
        'config': {
          'labelWidth': 100,
          'labelPosition': 'right'
        },
        'table': {
          'showRemove': false,
          'showIndexCol': false,
          'showEdit': false,
          'showExport': false,
          'showAdd': false,
          'stripe': true,
          'border': false
        }
      },
      jsonData_UU: {
        'list': [
          {
            'type': 'grid',
            'name': '栅格布局',
            'icon': 'th',
            'columns': [
              {
                'span': 10,
                'list': [
                  {
                    'type': 'input',
                    'name': '借贷标识',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': false,
                      'clearable': false,
                      'remoteFunc': 'func_1542263271000_23776'
                    },
                    'key': '1542263271000_23776',
                    'model': 'input_1542263271000_23776',
                    'rules': [
                      {
                        'type': 'string',
                        'message': '单行文本格式不正确'
                      }
                    ]
                  }
                ]
              },
              {
                'span': 10,
                'list': [
                  {
                    'type': 'select',
                    'name': '科目来源',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': false,
                      'clearable': false,
                      'remoteFunc': 'func_1542263302000_32137'
                    },
                    'key': '1542263302000_32137',
                    'model': 'input_1542263302000_32137',
                    'rules': [
                      {
                        'type': 'string',
                        'message': '单行文本格式不正确'
                      }
                    ]
                  }
                ]
              },
              {
                'span': 10,
                'list': [
                  {
                    'type': 'input',
                    'name': '科目',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': false,
                      'clearable': false,
                      'remoteFunc': 'func_1542263318000_88689'
                    },
                    'key': '1542263318000_88689',
                    'model': 'input_1542263318000_88689',
                    'rules': [
                      {
                        'type': 'string',
                        'message': '单行文本格式不正确'
                      }
                    ]
                  }
                ]
              },
              {
                'span': 10,
                'list': [
                  {
                    'type': 'input',
                    'name': '金额公式',
                    'icon': 'regular/keyboard',
                    'options': {
                      'width': '100%',
                      'defaultValue': '',
                      'required': false,
                      'dataType': 'string',
                      'pattern': '',
                      'placeholder': '',
                      'readonly': false,
                      'disabled': false,
                      'clearable': false,
                      'remoteFunc': 'func_1542263318000_88689'
                    },
                    'key': '1542263318000_88689',
                    'model': 'input_1542263318000_88689',
                    'rules': [
                      {
                        'type': 'string',
                        'message': '单行文本格式不正确'
                      }
                    ]
                  }
                ]
              }
            ],
            'options': {
              'gutter': 0,
              'justify': 'start',
              'align': 'top',
              'remoteFunc': 'func_1542263211000_24514'
            },
            'key': '1542263211000_24514',
            'model': 'grid_1542263211000_24514',
            'rules': []
          }
        ],
        'config': {
          'labelWidth': 100,
          'labelPosition': 'right'
        },
        'table': {
          'showRemove': false,
          'showIndexCol': false,
          'showEdit': false,
          'showExport': false,
          'showAdd': false,
          'stripe': true,
          'border': false
        }
      },
      editData: {},
      values: {},
      remoteFuncs: {

        func_getSJDMdic(resolve) {
          // 获取到远端数据后执行回调函数
          // resolve(data)
          getCodeList('事件代码').then(response => {
            resolve(response.data)
          })
        }
      }
    }
  },
  methods: {
    handleSubmit() {
      this.$refs.generateForm.getData().then(data => {
        // 数据校验成功
        // data 为获取的表单数据
      }).catch(e => {
        // 数据校验失败
      })
    }
  }
}
</script>

<style scoped>

</style>
